<template>
  <div ref="chart" style="min-width: 400px;min-height: 300px;width:98%;"></div>
</template>
<script>
  /**
  5.实时显示各教室设备的资产利用率，以百分比的形式显示（例如：空调、投影、灯光）；
 */

  import {
    TodayMultiValueChart
  } from './CalendarChart';
  export default {
    name: 'TodayTypeUsePercent',
    mixins: [TodayMultiValueChart],
    data() {
      const vm = this
      return {
        chartOption: {
          title: {
            text: vm.$t('chart.TodayTypeUsePercent'),
            left: 'center'
          },
          tooltip: {
            show: true
          },
          xAxis: [{
            type: 'category'
          }],
          yAxis: [{
            type: 'value',
            show: true
          }]
        },
        queryParams: {
          groupDept: true,
          groupType: true,
        },
        valueKeys: ['onlinePercent', 'workPercent'],
        groupKeys: ['type'],
      }
    },
    methods: {}
  }

</script>
